/* 导航 */
.nav {
    font-size: 0;
    background-color: #fff;
    line-height: 0.98rem;
}

.nav li {
    display: inline-block;
    width: 33.33%;
    font-size: 0.25rem;
    text-align: center;
}

.nav li a {
	display:block;
	width: 100%;
    color: #6a6a6a;
    font-size:0.16rem;
    position:relative;
}

.nav li a.selected {
    font-weight: 700;
    
}


.nav li a.selected:after{
	content:" ";
	display:block;
	position:absolute;
	width: 1.4rem;
	border-bottom: 4px solid #f1027f;
	top:1rem;
	left:24%;

}


/* 邀请好友信息 */

.info {
    margin-top: 0.24rem;
    background-color: #fff;
    height: 2.2rem;
}

.info > .week {
    width: 50%;
    height: 100%;
    text-align: center;
}

.info > .week > img {
    width: 1.2rem;
    height: 0.93rem;
    margin: 0.3rem auto;
}

.info > .week > .week-fans {
   margin-top:-0.1rem;
}



.info .info-data{
	font-size:0.28rem;
	color:#333;
}

.info .info-data > b {
	font-size:0.28rem;
	color:#f10180;
}

.info > .sum {
    width: 50%;
    height: 100%;
    text-align: left;
    border-left: 1px solid #f5f5f5;
}

.info > .sum >.info-data:first-child {
    margin-top: 0.4rem;
}

.info > .sum > .info-data {
	margin-left:0.3rem;
    line-height:0.4rem;
}

.info > .sum >.infoDatas > .info-data:last-child {
   margin-bottom:0;
}

/* 粉丝详情 */
.main{
	margin-top:0.4rem;

}

.main > .control{
	text-align:center;
}

.main > .control > a{
	display:inline-block;
	width: 3rem;
	line-height: 0.66rem;
	font-size:0.28rem;
    color:#fff;
    background-color: #f2aad0;
	text-align:center;
	border-radius: 5px;
}

.main > .control > a:last-child{
	margin-left:0.4rem;
}

.main > .control > a.selected{
	background-color:#f10180;
}

.main > .pannel{
	width: 95%;
	margin:0 auto;
	background-color: #fff;
	padding:0.3rem 0.2rem;
	border-radius:5px;
	margin-top:-2px;
	position: relative;
}

.main > .pannel{
	width: 95%;
	margin:0 auto;
	background-color: #fff;
	padding:0.3rem 0.2rem;
	border-radius:5px;
	margin-top:-2px;
	position: relative;
}

.main > .pannel > .tabs{
	font-size:0.26rem;
	color:#666;
}

.main > .pannel > .tabs > li{
	width: 50%;
	text-align:center;
}

.main > .pannel > .tabs > li > a{
	display:block;
	line-height:0.6rem;
	color:#666;
	padding: 0.3rem 0.1rem;
	border-bottom:2px solid #f5f5f5;
	position:relative;
}

.main > .pannel > .tabs > li > a.selected{
	color:#333;

}

.main > .pannel > .tabs > li > a.selected:after{
	content:" ";
	display:block;
	width: 1.88rem;
	border-bottom:4px solid #f10180;
	position:absolute;
	top: 1.16rem;
	left:24%;

}


/* 详情表格 */
.main > .pannel > table{
	width: 100%;
	font-size:0.26rem;
	margin-top:0.4rem;
	text-align:center;
}

.main > .pannel > table > tbody > tr {
	width: 100%;
}

.main > .pannel > table > tbody > tr > td {
	height:0.5rem;
}

.main > .pannel > table  > tbody > tr > td:nth-child(1){
	width: 25%;
}

.main > .pannel > table  > tbody > tr > td:nth-child(2){
	width: 25%;
}

.main > .pannel > table  > tbody > tr > td:nth-child(3){
	width: 25%;
}

.main > .pannel > table  > tbody > tr > td:nth-child(4){
	width: 25%;

}


.main > .pannel > table .title{
	font-size: 0.24rem;
	color:#4392e9;
	font-weight:700;
}

.no-data{
	width: 100%;
	text-align:center;
	margin-bottom:0.2rem;
}
.no-data > img{
	width: 100%;
	margin:0.6rem 0;
}

.no-data > a{
	padding:0.2rem 0.75rem;
	border: 1px solid #f10180;
	color:#f10180;
	border-radius:5px;

}